<%--
  Created by IntelliJ IDEA.
  User: liu
  Date: 2009-10-29
  Time: 10:20:39
  To change this template use File | Settings | File Templates.
--%>

<%@ page contentType="text/html;charset=UTF-8" %>
<html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="layout" content="iphone" />
    <title>Note List</title>
  </head>
  <body>
    <div class="toolbar">
      <h1 id="pageTitle"></h1>
      <a id="backButton" class="button" href="#"></a>
      <g:link class="button" action="create">+</g:link>
    </div>

    <%
      def noteList = [
              [id:1, title:'Books'],
              [id:1, title:'Radio'],
              [id:1, title:'Pics'],
              [id:1, title:'Exit']
      ]
    %>

    <ul id="notes" title="Notes" selected="true">
      <g:each in="${noteList}" status="i" var="note">
       <li>
        <g:link action="show" id="${note?.id}">${note.title}
        </g:link>
       </li>
      </g:each>
      <li>
       <g:link action="more" target="_replace" params="[offset: 8]">
         Show 8 More Notes…
       </g:link>
      </li>
    </ul>

  </body>
</html>